* {
    margin: 0;
    padding: 0;
}

/*第一屏*/
.first {

}
.first .scene {
    /*height: 657px;*/
    background: url('../img/sea-tablet.jpg') center top no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
}
@media (max-width: 1024px){
     .scene {
        height: 100%!important;
    }
}
.first .wrapper {
    position: relative;
    z-index: 10;
    top: 50vh;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    opacity: 0;
    transition: top 5s,opacity 5s;

}
.first .row--h-center {
    text-align: center;
    color: #fff;
}
.first.current .wrapper {
    opacity: 1;
    top: 30vh;
}
.first .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.col-8 {
    text-align: center;
    padding-left: 18px;
    padding-right: 18px;
    width: calc(100% * 8/12);
}
.first .row h1 {
    font-size: 5.85vw;
    margin-bottom: 24px;
    line-height: 1.02;
    font-weight: 900;
}
.first .row p {
    width: 75%;
    margin: 0 auto;
    font-size: 1.95vw;
    line-height: 1.25;
    font-weight: 400;
}

/*第一屏*/


/*第二屏*/
.second {
    /*min-height: 100vh;*/
    /*width: 100%;*/
}
.second .scene {
    /*height: 940px;*/
    background: url('../img/island-tablet.jpg') center top no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
}

/*第二屏*/